<!-- @author pengys5 -->
<link href="\webjars\ion.rangeSlider\2.1.4\css\ion.rangeSlider.css" rel="stylesheet">
<link href="\webjars\ion.rangeSlider\2.1.4\css\ion.rangeSlider.skinModern.css" rel="stylesheet">
<link href="\webjars\ion.rangeSlider\2.1.4\css\normalize.css" rel="stylesheet">
<link href="\webjars\bootstrap-daterangepicker\2.1.24\css\bootstrap-daterangepicker.css" rel="stylesheet">
<style>
    .color-3 .irs-bar {
        background: #5bc0de;
    }

    .color-3 .irs-bar-edge {
        background: #5bc0de;
    }

    .color-3 .irs-single {
        background: #5bc0de;
    }
</style>

<div class="col-lg-7 color-3 col-sm-6">
    <input type="text" id="timeAxisInput" name="timeAxis" value=""/>
</div>
<div class="col-lg-3 col-sm-3" style="margin-top: 0.7%">
    <button id="timeAxisButton" class="btn btn-info btn-circle fa fa-pause" type="button" v-on:click="startOrStop()"
            v-if="hasAutoUpdate"></i>
    </button>
</div>